<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>树形页面</title>
		<!-- css样式-->
		<link rel="stylesheet" href="../layui/css/layui.css" />
		<!-- js文件-->
		<script language="javascript" type="text/javascript" src="../layui/layui.all.js"></script>
		<script src="../DomeData/TreeViewJson.js"></script>
		<script src="../js/TreeView.js"></script>
	</head>
	<body>
		<fieldset class="layui-elem-field layui-field-title" style="margin-top: 30px;">
		  <legend>基本演示</legend>
		</fieldset>
		<div class="layui-btn-container">
		  <button type="button" class="layui-btn layui-btn-sm" lay-demo="getChecked">获取选中节点数据</button>
		  <button type="button" class="layui-btn layui-btn-sm" lay-demo="setChecked">勾选指定节点</button>
		  <button type="button" class="layui-btn layui-btn-sm" lay-demo="reload">重载实例</button>
		</div>		
		<div id="test12" class="demo-tree-more"></div>
		
		<fieldset class="layui-elem-field layui-field-title" style="margin-top: 30px;">
		  <legend>常规用法</legend>
		</fieldset>
		 
		<div id="test1" class="demo-tree demo-tree-box" style="float: left;"></div>
		<div  style="float: left;"> 常规参数用法对比：</div>
		<div  style="float: left;"> 无线连接风格</div>
		<div id="test1-1" class="demo-tree demo-tree-box" style="float: left;"></div>
		<div  style="float: left;"> 仅左侧图标收缩</div>
		<div id="test1-2" class="demo-tree demo-tree-box" style="float: left;"></div>
		<div  style="float: left;"> 手风琴模式</div>
		<div id="test1-3" class="demo-tree demo-tree-box" style="float: left;"></div>
		<div  style="float: left;"> 点击节点跳转</div>
		<div id="test1-4" class="demo-tree demo-tree-box" style="float: left;"></div>
		<div  style="float: left;"> 开启复选框</div>
		<div id="test1-5" class="demo-tree demo-tree-box" style="float: left;"></div>
		<div  style="float: left;"> 开启节点操作</div>
		<div id="test1-6" class="demo-tree demo-tree-box" style="float: left;"></div>
	</body>
</html>
